<style lang="less" scoped>
  .payresult_wrap {
    .banner {position: relative; height: 3.57rem; }
    .icon_status {position: relative; z-index: 1; text-align: center; margin-top: -0.86rem; }
    .icon_status i {display: block; width: 1.64rem; height: 1.64rem; margin: 0 auto; border-radius: 50%; background: #d3ac6f url("/static/images/icon_payres_f.png") no-repeat center; background-size: 0.92rem;}
    .icon_status .active {background: #d3ac6f url("/static/images/icon_payres_t.png") no-repeat center; background-size: 0.92rem;}
    p {text-align: center; font-size: 0.3rem; color: #d3ac6f; margin-top: 0.28rem;}
    p span {color: #333;}
    .btns_wrap {padding: 0 1.35rem; margin-top: 0.54rem; overflow: hidden;}
    .btns_wrap span {width: 1.8rem; height: 0.58rem; line-height: 0.58rem; text-align: center; font-size: 0.3rem; box-sizing: border-box; border: 1px solid #333; border-radius: 0.24rem;}
    .btns_wrap span:nth-child(1) {float: left;}
    .btns_wrap span:nth-child(2) {float: right;}
    .info {margin-top: 2.8rem; color: #999; font-size: 0.26rem;}
    .info span {display: block; text-align: center;}
    .info span:nth-child(2) {margin-top: 0.5em;}
  }
</style>

<template>
  <div class="payresult_wrap">
    <div class="banner"><img src="/static/images/payres_banner.png"></div>
    <div class="icon_status"><i :class="{'active': true}"></i></div>
    <p class="">订单交易{{true?'已':'未'}}完成</p>
    <p><span>总价：</span>￥{{parseFloat(2856.01)}}</p>
    <div class="btns_wrap">
      <span v-if="true">查看订单</span>
      <span v-else>前往支付</span>
      <span><router-link to="/" :replace="false">返回首页</router-link></span>
    </div>
    <div class="info" v-if="true">
      <span>支付方式：余额支付</span>
      <span>订单完成时间：2017-5-16 17:25:12</span>
    </div>
  </div>
</template>

<script>
export default {

}
</script>
